 /*
 * theme:   QGDI
 * code:    by Hugo Campos | front-end engineer 
 */

(function($) {
    var divHeight = $(window).height();

    var main = {
        selecters: {
            buttons: $('.n1, .n2, .n3'),
            buttonActive: $('.n1, .n2, .n3')
        },
        init: function() {

            main.selecters.buttons.bind('click', function(e) {
            e.preventDefault();

                console.log('chegou aqui')

                if ($(this).hasClass('n1')) {
                    // $('#cidadao2').css('display', 'block');
                } else if ($(this).hasClass('n2')) {
                    // $('#cidadao2').css('display', 'block');
                    console.log('Cidadao2 foi embora');
                } else if ($(this).hasClass('n3')) {
                    // $('#cidadao3').css('display', 'block');
                    console.log('Cidadao3 foi embora');
                }
            });
            // main.selectors();
            main.edit_submitted_regional();
            main.edit_submitted_setor();
            main.accordion();
            main.hoverMidia();
            main.institucionalBind();
            main.btnFilter();
            main.menuMobile();
            main.searchMobile();
        },

       accordion:function(){
            $('.tab-in').click(function(){
                if($(this).hasClass('ativo')) {
                    $(this).find('.more > span').css('-webkit-transform', 'rotate(0deg)');
                    $(this).removeClass('ativo');
                } else {
                    $(this).addClass('ativo');
                    $(this).find('.more > span').css('-webkit-transform', 'rotate(180deg)');    
                }
                $(this).parent().find('.tab-in').not($(this)).removeClass('ativo');
                $(this).find('.text').slideToggle(300);
                $(this).parent().find('.tab-in').not($(this)).find('.more > span').css('-webkit-transform', 'rotate(0deg)');
                $(this).parent().find('.tab-in').not($(this)).find('.text').slideUp(300);
            });
        },

        menuMobile:function(){
            $('#mobile-ico').click(function ()
            {
                $('#menu-mobile').slideToggle();
            })
        }, 

        searchMobile:function(){
            $('.nav-search-mobile > .glyphicon').click(function () {
                if($(this).parent().hasClass('ativo')) {
                    $(this).parent().removeClass('ativo');
                    $(this).removeClass('glyphicon-remove').addClass('glyphicon-search');
                } else {
                    $(this).parent().addClass('ativo');
                    $(this).removeClass('glyphicon-search').addClass('glyphicon-remove');
                    $(this).children('.form-control').focus();
                }
            })
        },

        btnFilter:function(){
//            $('.btn-filter').click(function(){
//                $('.filter').toggle();
//            });
        },

        edit_submitted_regional:function(){
            $("#edit-submitted-setor").html("");
            //console.log('limpou');
        },

        edit_submitted_setor:function(){
            /*
            ** Evento para carregar via ajax os setores de cada estado!
            */
            $("#edit-submitted-regional").change(function(){
                $("#webform-component-regional").append("<span class='carregando>Carregando...</span>");
                $(".carregando").html("<h1>aqui</h1>");
                $("#edit-submitted-setor").load("/ajax-setor/"+$("#edit-submitted-regional").val().replace("tid_", ""), {1 : 1}, function(){
                    $(".carregando").remove();
                });
            });
        },

        institucionalBind:function(){
            $('.about').bind('click', function(e){
                e.preventDefault();
                $('html, body').stop().animate({scrollTop: $(".about-qgdi").offset().top});
            });
            $('.g-qgdi').bind('click',function(e){
                e.preventDefault();
                $('html, body').stop().animate({scrollTop: $(".group-qgdi").offset().top});
            });
            $('.relationship').bind('click', function(e){
                e.preventDefault();
                $('html, body').stop().animate({scrollTop: $(".investors").offset().top});
            });
        },

        hoverMidia:function(){
            $('.post-media, .listage-thumb').mouseover(function(){
                $(this).find('.media-hover').stop().animate({ top : '130px', opacity:1 },300);
                $(this).find('.magazine-hover').stop().animate({ top : '130px', opacity:1 },300);
                $(this).find('.magazine-hover_').stop().animate({ top : '160px', opacity:1 },300);
                $(this).find('.listage-thumb-hover').stop().animate({ top : '100px', opacity:1 },300);
            }).mouseout(function(){
                $(this).find('.media-hover').stop().animate({ top : '150px', opacity:0 },300);
                $(this).find('.magazine-hover').stop().animate({ top : '150px', opacity:0 },300);
                $(this).find('.magazine-hover_').stop().animate({ top : '200px', opacity:0 },300);
                $(this).find('.listage-thumb-hover').stop().animate({ top : '150px', opacity:0 },300);
            });
        }

    } // end is here
    
    $(document).ready(function() {
        
        main.init();
        
        $('.btn-filter').click(function(){
            $('.filter').toggle();
        });
        /* Selecionar o empreendimento */
        
        $("#edit-submitted-empreendimentos").change(function() {
            var id =  $(this).val();
            $(".nid-emp-webform").val(id);
        });
        
        
        $(".lista-mapa").hide();
        $(".mapa-ativo").show();
        $(".enderecos").click(function(){
            var objClick =  $(".lista-mapas").find("li."+$(this).attr("id"));
            $(".lista-mapa").hide();
            $(objClick).fadeIn();

            $('.enderecos').removeClass('select-map');
            $(this).addClass('select-map');
            
            // console.log($(objClick).html());
        });
        
        $(".datas-fases").change(function(){
            
            if($(this).val() != ""){
                $("#objFase").prepend("<img src='"+Drupal.settings.basePath+"sites/all/themes/qgdi/images/carregando.gif' style='width: 35%;' />")
//                
                $("#objFase").load(Drupal.settings.basePath + "fase-empreendimento-id/"+$(".datas-fases").val(), {1:1}, function(){
                    Drupal.galleryformatter.prepare($("#objFase").find(".galleryformatter"));
                    
                    var objClick =  $("#objFase");
            
                    for(var i = 0; i <= 100; i++ ){
                        $(objClick).find(".gallery-frame").find( "li" ).first().show();
                        $(objClick).find(".gallery-slides").attr("style", "width: 500px; height: 312px;");
                        console.log(i);
                    }
                });
            }
            
        });
        
        $(".abas-empreendimento").click(function(){
            $(".abas-galeria").hide();
            
            $('.abas-empreendimento').parent().removeClass('active');
            $(this).parent().addClass('active');

            $("."+$(this).attr("data-aba")).show();
        });
        
        $("#strEstadoFiltro").change(function(){
            
            if($(this).val()){
                $("#strCidade").html("<option>Carregando...</option/>");
                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-cidade/" + $(this).val(), 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            $("#strCidade").html(arrObjRetorno);
                            abilitarFiltro();
                        }, 
                "json");
            }
        });
        
        $("#strCidade").change(function(){
            if($(this).val()){
                $("#strBairro").html("<option>Carregando...</option/>");
                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-bairro/" + $(this).val(), 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            $("#strBairro").html(arrObjRetorno);
                            abilitarFiltro();
                        }, 
                "json");
                
                
                $("#strStatusObra").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strTipo").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strArea").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strEmpreendimento").html("<option>Carregando...</option/>").removeAttr("disabled");

                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $(this).val() + "/all/all/all/all", 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            if(arrObjRetorno.bolRetorno){
                                carregarStatus(arrObjRetorno.arrSituacao);
                                carregarArea(arrObjRetorno.arrArea);
                                carregarTipo(arrObjRetorno.arrTipo);
                                carregarNome(arrObjRetorno.arrEmpreendimento);
                                abilitarFiltro();
                            }
                        }, 
                "json");
            }
        });
        
        $("#strBairro").change(function(){
            if($(this).val()){
                desabilitarFiltro();
                $("#strStatusObra").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strTipo").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strArea").html("<option>Carregando...</option/>").removeAttr("disabled");
                $("#strEmpreendimento").html("<option>Carregando...</option/>").removeAttr("disabled");
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $("#strCidade").val() + "/" + $(this).val() + "/all/all/all", 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            if(arrObjRetorno.bolRetorno){
                                carregarStatus(arrObjRetorno.arrSituacao);
                                carregarArea(arrObjRetorno.arrArea);
                                carregarTipo(arrObjRetorno.arrTipo);
                                carregarNome(arrObjRetorno.arrEmpreendimento);
                                abilitarFiltro();
                            }
                        }, 
                "json");
            }
        });
        
        $("#strStatusObra").change(function(){
            if($(this).val()){
                $("#strTipo").html("<option>Carregando...</option/>");
                $("#strArea").html("<option>Carregando...</option/>");
                $("#strEmpreendimento").html("<option>Carregando...</option/>");
                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $("#strCidade").val() + "/" + $("#strBairro").val() + "/"+$(this).val()+"/all/all", 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            if(arrObjRetorno.bolRetorno){
                                carregarArea(arrObjRetorno.arrArea);
                                carregarTipo(arrObjRetorno.arrTipo);
                                carregarNome(arrObjRetorno.arrEmpreendimento);
                                abilitarFiltro();
                            }
                        }, 
                "json");
            }
        });
        
        $("#strTipo").change(function(){
            if($(this).val()){
                $("#strArea").html("<option>Carregando...</option/>");
                $("#strEmpreendimento").html("<option>Carregando...</option/>");
                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $("#strCidade").val() + "/" + $("#strBairro").val() + "/"+$("#strStatusObra").val()+"/"+$(this).val()+"/all", 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            if(arrObjRetorno.bolRetorno){
                                carregarArea(arrObjRetorno.arrArea);
                                carregarNome(arrObjRetorno.arrEmpreendimento);
                                abilitarFiltro();
                            }
                        }, 
                "json");
            }
        });
        $("#strArea").change(function(){
            if($(this).val()){
                $("#strEmpreendimento").html("<option>Carregando...</option/>");
                desabilitarFiltro();
                $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $("#strCidade").val() + "/" + $("#strBairro").val() + "/"+$("#strStatusObra").val()+"/"+$("#strTipo").val()+"/"+$(this).val(), 
                        { intIDestado : $(this).val()}, 
                        function(arrObjRetorno){
                            if(arrObjRetorno.bolRetorno){
                                carregarNome(arrObjRetorno.arrEmpreendimento);
                                abilitarFiltro();
                            }
                        }, 
                "json");
            }
        });
        
        
        $(".btFiltrar").click(function(){
            
            if($("#strEmpreendimento").val() == "" && $("#strEmpreendimento").val() != "Carregando..."){
                var strEstado = ($("#strEstadoFiltro").val() != "")     ? $("#strEstadoFiltro :selected").text()    : "all";
                var strCidade = ($("#strCidade").val() != "")           ? $("#strCidade").val()                     : "all";
                var strBairro = ($("#strBairro").val() != "")           ? $("#strBairro").val()                     : "all";
                var strStatus = ($("#strStatusObra").val() != "")       ? $("#strStatusObra").val()                 : "all";
                var strTipo   = ($("#strTipo").val() != "")             ? $("#strTipo").val()                       : "all";
                var strArea   = ($("#strArea").val() != "")             ? $("#strArea").val()                       : "all";

                var strUrl = strEstado + "/" + strCidade + "/" + strBairro + "/" + strStatus + "/" + strTipo + "/" + strArea;
                window.location.href = Drupal.settings.basePath + "busca-imoveis/" + strUrl;
            }else{
                window.location.href = Drupal.settings.basePath + $("#strEmpreendimento").val();
            }
        });
        
        $(".btFiltrar").click(function(){
            if($("#strEmpreendimento").val() == ""){
                var strEstado = ($("#strEstadoFiltro").val() != "")     ? $("#strEstadoFiltro :selected").text()    : "all";
                var strCidade = ($("#strCidade").val() != "")           ? $("#strCidade").val()                     : "all";
                var strBairro = ($("#strBairro").val() != "")           ? $("#strBairro").val()                     : "all";
                var strStatus = ($("#strStatusObra").val() != "")       ? $("#strStatusObra").val()                 : "all";
                var strTipo   = ($("#strTipo").val() != "")             ? $("#strTipo").val()                       : "all";
                var strArea   = ($("#strArea").val() != "")             ? $("#strArea").val()                       : "all";

                var strUrl = strEstado + "/" + strCidade + "/" + strBairro + "/" + strStatus + "/" + strTipo + "/" + strArea;
                window.location.href = Drupal.settings.basePath + "busca-imoveis/" + strUrl;
            }else{
                window.location.href = Drupal.settings.basePath + $("#strEmpreendimento").val();
            }
        });
        
    });
    
    function carregarCampos(){
        $("#strStatusObra").html("<option>Carregando...</option/>").removeAttr("disabled");
        $("#strTipo").html("<option>Carregando...</option/>").removeAttr("disabled");
        $("#strArea").html("<option>Carregando...</option/>").removeAttr("disabled");
        $("#strEmpreendimento").html("<option>Carregando...</option/>").removeAttr("disabled");

        $.post(Drupal.settings.basePath + "filtros-ajax-busca-empreendimento/" + $("#strEstadoFiltro").val() + "/" + $("#strCidade").val() + "/all/all/all/all", 
                { intIDestado : $(this).val()}, 
                function(arrObjRetorno){
                    if(arrObjRetorno.bolRetorno){
                        carregarStatus(arrObjRetorno.arrSituacao);
                        carregarArea(arrObjRetorno.arrArea);
                        carregarTipo(arrObjRetorno.arrTipo);
                        carregarNome(arrObjRetorno.arrEmpreendimento);
                    }
                }, 
        "json");
    }
    
    function carregarNome(arrEmpreendimento){
         $("#strEmpreendimento").html("<option value=''>Nome</option/>");
        $(arrEmpreendimento).each(function(i, item){
            $("#strEmpreendimento").append("<option value='" + item.strUrl +"'>"+item.strNome+"</option>");
        });
    }
    function carregarStatus(arrStatus){
        
        var html = "<option value=''>Status</option/>";
        $(arrStatus).each(function(i, status){
            console.log(status.tid + status.name);
            html += "<option value='" + status.tid +"'>"+status.name+"</option>";
        });
        console.log(html);
        $("#strStatusObra").html(html);
    }
    
    function carregarArea(arrArea){
        var html = "<option value=''>Área</option/>";
       
        $(arrArea).each(function(i, item){
            html +="<option>"+item+"</option>";
        });
        
        $("#strArea").html(html);
    }
    
    function carregarTipo(arrTipo){
        $("#strTipo").html("<option value=''>Tipo</option/>");
        $(arrTipo).each(function(i, situacao){
            $("#strTipo").append("<option value='" + situacao.tid +"'>"+situacao.name+"</option>");
        });
    }
    
    
    function desabilitarFiltro(){
        $(".btFiltrar").attr('disabled','disabled');
    }
    
    function abilitarFiltro(){
        $(".btFiltrar").removeAttr('disabled');
    }
})(jQuery);